<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="../js/axios.js"></script>
</head>
<body>
  <script type="text/javascript">
    /*
      axios请求参数传递
    */
    // axios get请求传参
    // axios.get('http://localhost:8082/axios?id=100').then(function(resp){
    //   console.log(resp.data); //axios get 传递参数100
    // });


    //restFul风格
    // axios.get('http://localhost:8082/axios/100').then(function(resp){
    //   console.log(resp.data)
    // });

    // axios.get('http://localhost:8082/axios', {
    //   params: {
    //     id: 100
    //   }
    // }).then(function(resp){
    //   console.log(resp.data)
    // })

    // axios delete 请求传参
    // axios.delete('http://localhost:8082/axios', {
    //   params: {
    //     id: 101
    //   }
    // }).then(function(resp){
    //   console.log(resp.data)
    // })

    // axios.post('http://localhost:8082/axios', {
    //   username: 'zhangsan',
    //   password: 111222
    // }).then(function(resp){
    //   console.log(resp.data)
    // })

    // const params = new URLSearchParams();
    // params.append('username', 'zhangsan');
    // params.append('password', '111');
    // axios.post('http://localhost:8082/axios', params).then(function (resp) {
    //   console.log(resp.data)
    // });

    // axios put 请求传参
    axios.put('http://localhost:8082/axios/100',{
      username: 'zhangsan',
      password: 111222
    }).then(function(resp){
      console.log(resp.data)
    })
  </script>
</body>
</html>